<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/font-awesome.min.css" /> -->
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/index.css" />
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/style.css" />
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/s.css" /> -->
		<!-- <link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/common.css" /> -->
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/forecast.css" />
		<script src="/wzdisplay/assets/js/jquery-1.11.3.js"></script>
		
	</head>
	<title>温州港航气象服务</title>
	<body>
		<!--头部-->
		<div class="w-header">
			<div class="c-in">
				<div class="header_logo">
					<a href="/wzdisplay/views/index.html">温州港航气象服务</a>
				</div>
			</div>
		</div>

		<!--导航条-->
		<div class="w-nav">
			<div class="c-in">
				<ul>
					<li ><a href="/wzdisplay/views/index.html">港区实况</a></li>
					<li class="selected"><a>港区预报</a></li>
					<li><a href="/wzdisplay/views/sea.html">海区预报</a></li>
					<li><a href="/wzdisplay/views/stronge.html">强天气监测</a></li>
					<li><a href="forcastproducts.html">预报产品</a></li>
					<li><a href="http://www.wztf121.com/">台风路径</a></li>
				</ul>
			</div>
		</div>

		<!--内容-->
		
		<div class="w-content c-in">
			<div id="main">
				<div id="mapContainer" tabindex="0">
					<div class="channel">
						<ul>
							<!-- <li>显示站点</li> -->
							<li>显示航道</li>
							<li>隐藏港区</li>
							<li>显示能见度</li>
						</ul>
					</div>
				</div>

				<div class="selectList hide" id="visi">
					<div  >
						<p>
							<!--<span>0时发布</span><b></b>-->
						</p>
						<div class="rain-cn">
							<ul>

							</ul>
						</div>
					</div>
				</div>
				<div class="selectList hide" id="visi-sub" >
					<div  >
						<p><span>0时发布</span><b></b></p>
						<div class="rain-cn" style="height: 300px;">
							<ul>
								<li>过去3小时降雨</li>
								<li>过去6小时降雨</li>
								<li>过去12小时降雨</li>
								<li>过去24小时降雨</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="rt-content">
					<ul>
						<li class="active">三天预报</li>
						<li>一周预报</li>
					</ul>
					<div class="rtContent">
						<!-- <p>发布时间</p>
						<p ></p> -->
					</div>

				</div>
				<div class="colorCode hide">
					<p>12小时降水预报</p>
					<ul >

					</ul>
				</div>
				<div class="ftWeather hide">
					<h2>海港区天气预报</h2>
					<div>
						<ul class="ftNav">
							<li class="active">1-24小时</li>
							<li>7天</li>
						</ul>
						<b class="rt">2017-10-18 20:00更新</b>
						<div class="clear"></div>
					</div>		
					<div class="ftTable">
						
					</div>
					<i></i>
					<b class="close">×</b>
				</div>
				<!-- <div class="sign">
					<span class="icon-cloudy"></span><br>
					<span>21℃</span>
					<i></i>
				</div> -->
				<div class="clear"></div>

			</div>
		</div>
		<div class="w-footer">
			<div class="c-in">
				<div class="footer-logo"></div>
				<div class="rline"></div>
				<div class="footer-maintain">
					<ul>
						<li>温州市气象局地址：温州市鹿城区横河南新村1栋</li>
						<li>电话：0580-2088122</li>
						<li>Email：zsqxxxzx@163.com</li>
						<li>制作维护：浙江广晟有限公司</li>
						<li>Copyright(c) 2017 温州市气象局 All Rights Reserved</li>
					</ul>
				</div>
				<div class="footer-list">
					<ul>--国内气象部网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--国内气象部网站1--</li>
						<li>--国内气象部网站2--</li>
						<li>--国内气象部网站3--</li>
						<li>--国内气象部网站4--</li>
					</ul>
					<ul>--省内气象部门网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--县区气象网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--本市政府网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
				</div>
				<div class="footer-link">
					<ul>
					<li>友情链接</li>
					<li><a>温州天气</a></li>
					<li><a>浙江天气</a></li>
					<li><a>中国台风网</a></li>
				</ul>
				</div>			
			</div>
		</div>


		<script type="text/javascript" src="http://10.135.30.150:8080/QXMap?key=712ea9b0cf705b05&v=1.1"></script>
		<script src="/wzdisplay/assets/js/index.js"></script>
		<script src="/wzdisplay/assets/js/forecast.js"></script>
		<script src="/wzdisplay/assets/js/echarts.min.js"></script>
	</body>

</html>